/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
package com.ccit;

import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 *
 * @author think
 */
@WebServlet(name = "Kalkulator", urlPatterns = {"/Kalkulator"})
public class Kalkulator extends HttpServlet {

    /** 
     * Processes requests for both HTTP <code>GET</code> and <code>POST</code> methods.
     * @param request servlet request
     * @param response servlet response
     * @throws ServletException if a servlet-specific error occurs
     * @throws IOException if an I/O error occurs
     */
    protected void processRequest(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        response.setContentType("text/html;charset=UTF-8");
        PrintWriter out = response.getWriter();
        try {
            //TODO output your page here

            out.println("<html>");
            out.println("<head>");
            out.println("<title>Servlet Kalkulator</title>");
            out.println("</head>");
            out.println("<body>");
            out.println("<h1>Kalkulator CCIT</h1>");
            
            //Form
            out.println("<form  target=\"_blank\" action=\"http://localhost:8080/HelloJSP/MesinKalkulator\" method=\"get\">");
            out.println("Angka Pertama : <input id=\"angkaFirst\" name=\"angkaFirst\" type=\"text\"><br/>");
            out.println("Angka Kedua : <input id=\"angkaSecond\" name=\"angkaSecond\" type=\"text\" onkeyup=\"hitung()\">");
            out.println("<input type=\"submit\" value=\"Hitung\"/>");
            out.println("</form>");
            out.println("<br/><br/>");
            
            //Div Result
            out.println("<div id=\"message\" style=\"background-color: #cccccc;height: 150px;width: 300px;\"></div>");
            
            //JavaScript
            out.println("<script type=\"text/javascript\">");
            out.println("function hitung(){function e(){200==t.status&&(document.getElementById('message').innerHTML=t.responseText)}var t;window.XMLHttpRequest?t=new XMLHttpRequest:window.ActiveXObject?t=new ActiveXObject('Microsoft.XMLHTTP'):alert('Your browser did not support AJAX');var n=document.getElementById('angkaFirst').value,i=document.getElementById('angkaSecond').value;t.open('GET','http://localhost:8080/HelloJSP/MesinKalkulator?angkaFirst='+n+'&angkaSecond='+i,!0),t.send(null),t.onreadystatechange=e}");
            out.println("</script>");
            
            out.println("</body>");

            out.println("</html>");

        } finally {
            out.close();
        }
    }

    // <editor-fold defaultstate="collapsed" desc="HttpServlet methods. Click on the + sign on the left to edit the code.">
    /** 
     * Handles the HTTP <code>GET</code> method.
     * @param request servlet request
     * @param response servlet response
     * @throws ServletException if a servlet-specific error occurs
     * @throws IOException if an I/O error occurs
     */
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        processRequest(request, response);
    }

    /** 
     * Handles the HTTP <code>POST</code> method.
     * @param request servlet request
     * @param response servlet response
     * @throws ServletException if a servlet-specific error occurs
     * @throws IOException if an I/O error occurs
     */
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        processRequest(request, response);
    }

    /** 
     * Returns a short description of the servlet.
     * @return a String containing servlet description
     */
    @Override
    public String getServletInfo() {
        return "Short description";
    }// </editor-fold>
}
